<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>行高</title>

    <style>

        p{
            border: 1px black solid;
            /* font-size: 30px; */
            /* 
                行高
                    - 行高指的就是每行文字所在行的高度
                    - 通过line-height来指定行高
                    - 行高的值：
                        - 像素
                        - 整数（字体的倍数）
                    - 文字默认在行高中垂直居中
                        可以通过将行高设置为和元素高度一致
                            以使得单行文字在元素垂直居中
                    - 对于多行文字行高可以用来指定文字的行间距
                        行高 - 字体大小 = 行间距
            
            */

            /* line-height: 40px; */

            font: bold 40px/1.2 "Microsoft YaHei", sans-serif;
        }

    </style>
</head>
<body>

    <p>Hello Hello How are you! 今天天气真不错！Hello Hello How are you! 今天天气真不错！Hello Hello How are you! 今天天气真不错！Hello Hello How are you! 今天天气真不错！</p>
    
</body>
</html>